﻿@model GestionSaludOcupacional.Portal.Base.ViewModels.CitasViewModel
<div class="form-horizontal">
    <fieldset>
        <div class="control-group">
            <label for="NoIdentificacion" class="control-label">
                No Identificacion</label>
            <div class="controls">
                <div class="input-append">
                    <input type="text" id="NoIdentificacion" name="NoIdentificacion" class="input-mediun focused"
                        data-bind="value:Id" />
                    <button type="button" class="btn" data-bind="click:FindUser">
                        <i class="icon-search"></i>
                    </button>
                </div>
            </div>
        </div>
        <div class="control-group" data-bind="with:UserInfo">
            <div class="controls magicbox">
                <div>
                    <strong>Nombres</strong>
                    <div data-bind="text:Nombres">
                    </div>
                </div>
                <div class="input-append">
                    <strong>Apellidos</strong>
                    <div>
                        <div data-bind="text:PrimerApellido">
                        </div>
                        <div data-bind="text:SegundoApellido">
                        </div>
                    </div>
                </div>
                <div>
                    <strong>Fecha de Nacimiento</strong>
                    <div data-bind="date:FechaNacimiento">
                    </div>
                </div>
                <div>
                    <strong>Genero</strong>
                    <div data-bind="text:Genero">
                    </div>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label for="Fecha" class="control-label">
                Fecha</label>
            <div class="controls">
                @Html.TextBoxFor(x => x.Fecha, new { @class = "input-mediun focused datepicker", data_date_format = "mm/dd/yyyy",  data_bind = "datepicker:Fecha" })
            </div>
        </div>
        <div class="control-group">
            <label for="Medico" class="control-label">
                Medicos</label>
            <div class="controls">
                <select class="span4" data-bind="options: Medicos, value: Medico,optionsText:'Value',optionsCaption:'Seleccionar'">
                </select>
            </div>
        </div>
        <div class="control-group">
            <label for="Examen" class="control-label">
                Examen</label>
            <div class="controls">
                <select class="span2" data-bind="options: Examenes, value: Examen,optionsCaption:'Seleccionar'">
                </select>
            </div>
        </div>
        <div class="alert alert-error" data-bind="visible:HaveErrors">
            <button class="close" type="button" data-bind="click:function(){ HaveErrors(false);}">
                ×</button>
            <strong>Errores: </strong><span data-bind="html:Mensaje"></span>
        </div>
        <div class="form-actions">
            <button class="btn btn-primary" data-bind="click:Save">
                Crear Cita</button>
            <button class="btn">
                Cancelar</button>
        </div>
    </fieldset>
</div>
<!--MODAL-->
<div id="modalsaved" class="modal hide fade">
    <div class="modal-header">
        <h3>
            Citas</h3>
    </div>
    <div data-bind="html:Mensaje" class="modal-body">
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal" aria-hidden="true">Close</a>
    </div>
</div>
